<template name="ver">
    <h2>Ver Acciones</h2>
    {{pagination}}
    <br/>
    Haga click en el permiso por default de cada acci&oacute;n para cambiarlo.
    <br/>
    <br/>
    <table style="width: 100%">
        <tr>
            <th>Modulo</th>
            <th>Nombre de la accion</th>
            <th>Permiso por default</th>
        </tr>
        <template name="accion">
        <tr>
            <td>{{nombre}}</td>
            <td>{{modulo}}</td>
            <td id="accion_{{idaccion}}">
                <div onClick="cambiarPermiso({{idaccion}});" id="permiso_{{idaccion}}">{{permiso}}</div>
                <div id="cargando_{{idaccion}}" class="cambiando_permiso">Cargando...</div>
            </td>
        </tr>
        </template>
    </table>
    <script type="text/javascript">
        function cambiarPermiso(id)
        {
            var url = '{{cambiar_link}}';
            $.ajax({
                dataType   : "json",
                type       : "POST",
                data       : {'id' : id},
                url        : url,
                beforeSend : function()
                {
                    asignando = true;
                    $('#permiso_'+id).hide();
                    $('#cargando_'+id).show();
                },
                success : function(data)
                {
                    $('#cargando_'+id).hide();
                    $('#permiso_'+id).show();
                    if ((data['res'] == undefined) || (data['res'] == 'err'))
                    {
                        error('Error cambiando el permiso');
                    }
                    else
                    {
                        if (data['permiso'] == {{permiso_online}})
                        {
                            $('#permiso_'+id).html('<div class="accion_permitida">PERMITIDA</div>');
                        }
                        else
                        {
                            $('#permiso_'+id).html('<div class="accion_no_permitida">NO PERMITIDA</div>');
                        }
                    }
                }
            });

        }
    </script>
</template>